<template>
  <div>
    <viewer :images="descImgs" class="descimgBox">
      <img v-for="(decImg, index) in descImgs" :key="index" :src="decImg" />
    </viewer>
  </div>
</template>
<script>
export default {
  data() {
    return {
      descImgs: [
        "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2298262693,4015509975&fm=26&gp=0.jpg",
        "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1943682750,1261288020&fm=26&gp=0.jpg",
        "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2731887579,1054778839&fm=26&gp=0.jpg",
      ],
    };
  },
};
</script>

<style  scoped>
.descimgBox {
  display: flex;
  flex-wrap: inherit;
  width: 130px;
  height: 130px;
}
.descimgBox > img {
  width: 100%;
  height: 100%;
  margin: 10px;
}
</style>